<!DOCTYPE html>
<!--[if IE 7]>
<html id="ie7" dir="ltr" lang="en-US" class="no-js">
<![endif]-->
<!--[if IE 8]>
<html id="ie8" dir="ltr" lang="en-US" class="no-js">
<![endif]-->
<!--[if !(IE 6) | !(IE 7) | !(IE 8)  ]><!-->
<html dir="ltr" lang="en-US" class="no-js">
<!--<![endif]-->

<div id="header">

<!--[if lt IE 9]>
<script src="https://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

    <?php if ($page['header']): ?>
      <?php print render($page['header']); ?>
    <?php endif; ?>
    
  </div>
  
<body class="home page page-template-default  no-border theme-xing">
	<nav id="top-menu" class="ss_nav_top">
        <div class="wrap clearfix">
	    <?php if ($main_menu): ?>
	      <div  id="nav">
	        <?php print theme('links__system_main_menu', array(
	          'links' => $main_menu,
	          'attributes' => array(
	            'id' => 'main-menu-links',
	            'class' => array('nav2'),
	          ),
	          'heading' => array(
	            'text' => t('Main menu'),
	            'level' => 'h2',
	            'class' => array('element-invisible'),
	          ),
	        )); ?>
	      </div>
	      <?php endif; ?>
			<!--ul id="menu-menu-3" class="nav2">
				<li id="menu-item-8061" class="menu-item">
					<a href="<?php //print base_path().'cau-hoi' ?>">Join Us</a></li>
			</ul-->        
			<div id="callout-top" role="complementary">Giảm tới 30% với chương trình <a href="<?php print base_path().'coupon' ?>"><b>Coupon</b></a> của chúng tôi</div><!-- #callout-top -->
		</div><!-- #top-menu .wrap -->
    </nav><!-- #top-menu-->
    
    
	 <div id="container">
    <?php if ($page['highlighted']): ?>
      <div id="highlighted"><?php print render($page['highlighted']); ?></div>
    <?php endif; ?>
    
        <div id="utility">
	            <div class="wrap clearfix">
				                <div id="callout"><?php print t('For product queries') ?>: Gọi  <strong>098.423.8021</strong> hoặc email <a href="mailto:shopa.vn@gmail.com">shopa.vn@gmail.com</a></div><!-- #callout -->
	            	<nav id="account-bar">
				        <ul class="account-nav">
				            <li class="welcome">Xin chào,
				            	<?php if(isset($user->name)) {?>
				            		<a style="display: inline; border-right: none"  href="<?php print base_path().'user' ?>"><?php print $user->name;?></a>
								<?php } else {?>
									<?php print t('Guest') ?>
								<?php }    ?>
				            </li>
				            <li>
				            	<?php if(isset($user->name)) {?>
				            		<a class="log_in" href="<?php print base_path().'user/logout' ?>" ><?php print t('Logout') ?></a>
								<?php } else {?>
									<a class="log_in" href="<?php print base_path().'user' ?>" title="Login or register for a new account"><?php print t('Login'). ' / '. t('Register') ?></a>
								<?php }    ?>
				            	
				            </li>
				            <li class="cart_status cart-contents">
				            	    <?php if ($page['cart']): ?>
								      <?php print render($page['cart']); ?>
								    <?php endif; ?>
				            </li>
				        </ul><!-- .account-nav -->
					</nav><!-- #account-bar -->
	            </div><!-- #utlity .wrap -->
        </div><!-- #utility -->
        
        <div id="header">
            <div class="wrap clearfix">
                <div class="brand" role="banner">
				    <div id="logo">
				      <?php if ($logo): ?>
				        <a href="<?php print $front_page; ?>"><img  height="50" src="<?php print $logo; ?>" alt="<?php print t('Home'); ?>" /></a>
				      <?php else: ?>
				        <?php if ($site_name): ?>
				          <h1 id="logo-text"><a href="<?php print $front_page; ?>" title="<?php print t('Home'); ?>"><?php print $site_name; ?></a></h1>
				        <?php endif; ?>
				      <?php endif; ?>
				      <?php if ($site_slogan): ?>
				        <!--p id="slogan"><?php print $site_slogan; ?></p-->
				      <?php endif; ?>
				    </div>
				</div><!-- .brand -->
				<div class="header-widget-area">
				     <aside id="search-2" class="hwa_wrap widget_search">
				     	<div class="searchbox">
							<div id='searchform'>
								<?php if ($page['search']): ?>
							      <?php print render($page['search']); ?>
							    <?php endif; ?>
							</div>
						</div><!-- .searchbox -->


					    <script>
					    		var search_input = jQuery("#block-search-form input[type='text']");
					    		jQuery(document).ready(function() {
					    			var txt = search_input.attr('title');
					    			search_input.val(txt);
					    		});
								search_input.live("blur", function(){
								        var default_value = jQuery(this).attr("title");
								        if (jQuery(this).val() == ""){
								                jQuery(this).val(default_value);
								        }
								}).live("focus", function(){
								        var default_value = jQuery(this).attr("title");
								        if (jQuery(this).val() == default_value){
								                jQuery(this).val("");
								        }
								});
					    </script>
					</aside>        
				</div><!-- .header-widget-area -->
	         </div><!-- #header .wrap -->
        </div><!-- #header -->
        
        <nav id="access" class="ss_nav clearfix" role="navigation">
            <div class="wrap clearfix">
	            <ul id="menu-menu-1" class="nav1">
					<li id="menu-item-7861" class="menu-item"><a href="<?php print base_path(); ?>"> <?php print t('Product') ?> </a>
					</li>
					</li>
					<div>
						<?php if ($page['catalog_region']): ?>
					      <?php print render($page['catalog_region']); ?>
					    <?php endif; ?>
				    </div>

					<li id="menu-item-4509" class="menu-item"><a href="<?php print base_path().'lifestyle' ?>"><?php print t('Lifestyle') ?></a>
					</li>
					<li id="menu-item-7853" class="menu-item menu-item-type-post_type menu-item-object-page">
						<a href="<?php print base_path().'cart' ?>"><?php print t('Shopping cart'); ?></a>
					</li>
					<li id="menu-item-7857" class="menu-item menu-item-type-post_type menu-item-object-page arrow">
						<a href="<?php print base_path().'user' ?>"><?php print t('Account'); ?></a>
						<ul class="sub-menu">
							<li id="menu-item-7858" class="menu-item menu-item-type-post_type menu-item-object-page">
								<a href="<?php print base_path().'user/password' ?>"><?php print t('Change Password'); ?></a>
							</li>
						</ul>
					</li>
					<li class="menu-item"><a href="<?php print base_path().'contact' ?>"><?php print t('Contact') ?></a>
					</li>
					<!--li id="menu-item-7731" class="menu-item menu-item-type-post_type menu-item-object-page arrow"><a href="http://labs.saurabh-sharma.net/themes/xing/wp/?page_id=6250">Contact</a>
						<ul class="sub-menu">
							<li id="menu-item-7732" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://labs.saurabh-sharma.net/themes/xing/wp/?page_id=7499">Contact Form 7</a></li>
						</ul>
					</li-->
				</ul>            
			</div><!-- #access .wrap -->
        </nav><!-- #access -->
        
        <div id="primary">
        <div class="wrap clearfix">
        	<div id="content" role="main">
        		
	<script type="text/javascript">
		jQuery(window).load(function(){
			var vimeoPlayers = jQuery('#slider-190189').find('iframe');
			jQuery(vimeoPlayers).each(function(){
				Froogaloop(this).addEvent('ready', ready);
			});
			function ready(player_id) {
				Froogaloop(player_id).addEvent('play', function(data) {
					jQuery('#slider-190189').flexslider("pause");
				});
				Froogaloop(player_id).addEvent('pause', function(data) {
					jQuery('#slider-190189').flexslider("play");
				});
			}
			jQuery('#slider-190189').flexslider({
				animation:"slide",
				easing:"swing",
				animationSpeed:600,
				slideshowSpeed:5000,
				selector:".slides > .slide",
				pauseOnAction:true,
				smoothHeight:true,
				directionNav:false,
				useCSS:false,
				start: function(slider) {
					jQuery(slider).removeClass('flex-loading');
					var animateSlide = slider.slides.eq(slider.currentSlide);
					var description = jQuery(animateSlide).find('.caption').html();
					if(description) {
						jQuery('.flex-caption > .flex-caption-inner').html(description).parent().animate({bottom:'0px', left: '0px'},600,'swing');
					}
				},
				before: function(slider) {
					if (slider.slides.eq(slider.currentSlide).find('iframe').length !== 0)
						Froogaloop( slider.slides.eq(slider.currentSlide).find('iframe').attr('id') ).api('pause');
					var heightShift = 0 - jQuery('.flex-caption').height() - 20;
					jQuery('.flex-caption > .flex-caption-inner').parent().animate({bottom:heightShift, left: '0px'},600,'swing');
				},
				after: function(slider) {
					var animateSlide = slider.slides.eq(slider.currentSlide);
					var description = jQuery(animateSlide).find('.caption').html();
					if(description) {
						jQuery('.flex-caption > .flex-caption-inner').html(description).parent().animate({bottom:'0px', left: '0px'},600,'swing');
					}
				}
			});
		})
	</script>
	<?php if ($page['intro_bar']): ?>
      <?php print render($page['intro_bar']); ?>
    <?php endif; ?>
	<div class="flexslider flex-loading" id="slider-190189">
		<div class="slides">
			<div class="slide">
			<a href="#"><img src="http://labs.saurabh-sharma.net/themes/xing/wp/wp-content/themes/xing/images/user/slide1.jpg" alt="" /></a><div class="caption">
			<h2>Choose from the <strong>unlimited</strong> collection of Women apparels</h2>
			</div>
			</div>
			<div class="slide">
			<a href="#"><img src="http://labs.saurabh-sharma.net/themes/xing/wp/wp-content/themes/xing/images/user/slide2.jpg" alt="" /></a><div class="caption">
			<h2>Flat <strong>20%</strong> discount on all Women footwear</h2>
			</div>
			</div>
			<div class="slide">
			<a href="#"><img src="http://labs.saurabh-sharma.net/themes/xing/wp/wp-content/themes/xing/images/user/slide3.jpg" alt="" /></a><div class="caption">
			<h2><strong>Club</strong> Semi Formals &ndash; Up to 30% discount on top brands</h2>
			</div>
			</div>
			<div class="slide">
			<a href="#"><img src="http://labs.saurabh-sharma.net/themes/xing/wp/wp-content/themes/xing/images/user/slide4.jpg" alt="" /></a><div class="caption">
			<h2><strong>Exquisite</strong> Women tops &#8211; starting at just 200 VND</h2>
			</div>
			</div>
			<div class="slide">
			<a href="#"><img src="http://labs.saurabh-sharma.net/themes/xing/wp/wp-content/themes/xing/images/user/slide5.jpg" alt="" /></a><div class="caption">
			<h2><strong>Annual Sale</strong> &#8211; Grab your products before the offer closes</h2>
			</div>
			</div>
		</div> <!-- #end slide -->
		<div class="flex-caption"><div class="flex-caption-inner"></div></div>
	</div>

	
	<!--content-->
    <div id="main-content">
      <?php print render($title_prefix); ?>
      <?php if ($title): ?>
        <h3 class="node-title"><?php print $title; ?></h3>
        <div class="hr_dotted"></div>
      <?php endif; ?>
      
      <?php print render($title_suffix); ?>
      <?php if ($tabs): ?>
        <div class="tabs"><?php print render($tabs); ?></div>
      <?php endif; ?>
      <?php if ($show_messages): ?>
        <?php print $messages; ?>
      <?php endif; ?>
      <?php print render($page['help']); ?>
      <?php if ($action_links): ?>
        <ul class="action-links">
          <?php print render($action_links); ?>
        </ul>
      <?php endif; ?>
      
      <?php print render($page['content']); ?>
      <?php print $feed_icons; ?>
    </div>
			    
	<script type="text/javascript">jQuery(document).ready(function(){ jQuery('#carousel-46503 ul.products').jcarousel({ easing:'easeInOutExpo', animation:300, scroll:3 });})</script>
	
	</div><!-- #content -->
	
	<div id="sidebar" role="complementary" >
      <?php if ($page['sidebar_first']): ?>
        <?php print render($page['sidebar_first']); ?>
      <?php endif; ?>
			<aside id="xing-social-2" class="widgetwrap xing_social"><h3 class="sb-title"><?php print t('Stay Connected') ?></h3>        <ul class="ss_social clearfix">
					<li><a href="http://twitter.com/xconsau" class="twitter" title="Twitter" target="_blank"></a></li><li><a href="http://facebook.com" class="facebook" title="Facebook" target="_blank"></a></li><li><a href="https://plus.google.com" class="gplus" title="Google Plus" target="_blank"></a></li><li><a href="http://pinterest.com" class="pint" title="Pinterest" target="_blank"></a></li><li><a href="#" class="rss" title="RSS" target="_blank"></a></li></ul>
			</aside>
		</div><!-- #sidebar -->
	</div><!-- #primary .wrap -->
</div><!-- #primary -->

	<div id="secondary" role="complementary">
        <div class="wrap clearfix">
		  <?php if ($page['bottom']): ?>
		    <?php print render($page['bottom']); ?>
		  <?php endif; ?>
            <div class="one_fifth last">
	            <aside id="text-3" class="widgetwrap widget_text"><h3 class="sc-title"><?php print t('Contact Us'); ?></h3>
	            	<div class="textwidget">
				        <div id="shop_contacts" class="grid_3">
				          <p>
							<span class="s_icon_32"><span class="s_icon s_phone_32"></span>098 4238021 </span><br/><br />
							<span class="s_icon_32"><span class="s_icon s_mail_32"></span>shopa.vn@gmail.com</span><br/><br />
							<span class="s_icon_32"><span class="s_icon s_skype_32"></span>shopa.vn</span>
				          </p>
				        </div>
					</div>
				</aside>            
			</div><!-- .one_fifth -->
        </div><!-- #secondary .wrap -->
	</div><!-- #secondary -->
	
	<div id="footer" role="contentinfo">
	    <div class="wrap clearfix">
	        <div class="notes_left">¬© 2013 <a href="">Shopa</a> &middot; All rights reserved</div><!-- .notes_left -->
	        <div class="notes_right">Designed and developed by <a href="http://shopa.vn">Shopa.vn</a> &middot; Powered by <a href="http://drupal.org">Drupal</a></div><!-- .notes_right -->
	    </div><!-- #footer wrap -->
		  <?php if ($page['footer']): ?>
		    <?php print render($page['footer']); ?>
		  <?php endif; ?>
	</div><!-- #footer -->
	
</div> <!-- #container -->

<div class="top_btn"><a href="#" title="Scroll to top"></a></div><!-- .top_btn -->

</body>
</html>